/*
  学习目标：Hooks使用的三个限制
*/
import React, { useState } from 'react';
import './index.css';

export default function App() {
  const [name, setName] = useState('');
  // 1. 不能写在if语句中- React源码

  // 3. 使用数据之前，要声明-注意顺序
  console.log('name  ----->  ', name);

  // 2. 不能写在普通的函数中, 可以的情况，use开头的函数是自定义钩子函数，
  // function test(params) {
  //   const [state, setstate] = useState(initialState);
  // }

  return (
    <div>
      我是Input
      <input type="text" value={name} onChange={(e) => setName(e.target.value)} />
    </div>
  );
}
